<template>
<div class="periodical-cell">

<img src="../../assets/images/home/图层-1@3x.png" alt="">
<span class="periodical-cell-title">【环裕期刊】第五十五期</span>
<span class="periodical-cell-time">2017.6.20</span>


</div>
</template>


<style lang="scss">
@import '../../common/style/index.scss';


.periodical-cell {
    position: relative;
    background: #fff;
    height: 50px;
    border-bottom: 1px solid #d9d9d9;
    padding: 15px 15px;

    img {

        float: left;
        width: 50px;
        height: 50px;
        border-radius: 50%;

    }

    .periodical-cell-title {
        float: left;
        font-size: 14px;
        margin-left: 7px;

    }

    .periodical-cell-time {
        position: absolute;
        right: 15px;
        bottom: 15px;
      font-size: 12px;


    }

}</style>